<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>排版</title>
		<link rel="stylesheet"  href="bootstrap/dist/css/bootstrap.min.css"  type="text/css"/>
	</head>
	<body>
		<div class="container">
			<div class="row" style="background-color: gray;">
				<h1>h1. Bootstrap heading</h1>
				<h2>h2. Bootstrap heading</h2>
				<h3>h3. Bootstrap heading</h3>
				<h4>h4. Bootstrap heading</h4>
				<h5>h5. Bootstrap heading</h5>
				<h6>h6. Bootstrap heading</h6>
			</div>
			<div class="row" style=" background-color:  rosybrown;">
				<h1>h1. Bootstrap heading <small>Secondary text</small></h1>
				<h2>h2. Bootstrap heading <small>Secondary text</small></h2>
				<h3>h3. Bootstrap heading <small>Secondary text</small></h3>
				<h4>h4. Bootstrap heading <small>Secondary text</small></h4>
				<h5>h5. Bootstrap heading <small>Secondary text</small></h5>
				<h6>h6. Bootstrap heading <small>Secondary text</small></h6>
			</div>
			<div class="row"></div>
			<div class="row">
				<p class="col-md-4" style="background-color: red;">dddddddddddaaaaa</p>
				<p class="lead col-md-4" style="background-color: deepskyblue;">cccccc</p>
				<p class="col-md-4" style="background-color: bisque;">aaaaaaaaffff</p>
			</div>
			<!-- 改变大小写 -->
			<div class="row">
				<p class="text-lowercase">字母小写<strong>着重</strong><em>斜体/em>dd<del>ddddd</del>dddd<mark>cccc</mark>dddddd<ins>zhe shi shen me</ins>dd<small>eee</small>ddddddd</p>
			</div>
			<div class="row">
				<p class="text-uppercase">字母大写<strong>着重</strong><em>斜体/em>dd<del>ddddd</del>dddd<mark>cccc</mark>dddddd<ins>zhe shi shen me</ins>dd<small>eee</small>ddddddd</p>
			</div>
			<div class="row">
				<p class="text-capitalize">首字母大写<strong>着重</strong><em>斜体/em>dd<del>ddddd</del>dddd<mark>cccc</mark>dddddd<ins>zhe shi shen me</ins>dd<small>eee</small>ddddddd</p>
			</div>
			<!-- 基本缩略语 -->
			<div class="row">
				<p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr></p>
			</div>
			<!--首字母缩略语  -->
			<p><abbr title="HyperText Markup Language" class="initialism">HTML</abbr> is the best thing since sliced bread.</p>
		</div> 
	</body>
</html>
